<template>
  <div>
    <!-- Home页第一部分文字 -->
<!--    <section class="banner-area">-->
<!--      <div class="container-fluid">-->
<!--        <div class="row">-->
<!--          <div class="col-lg-14 align-self-center">-->
<!--            <div class="banner-text" style="margin: auto">-->
<!--              <p  style="margin-left: 345px;margin-top: 20px" class="py-3 col-xl-12">-->
<!--                Lab1st has been exploring in the field of lab equipment, plant oil extraction,-->
<!--                and bioreaction for many years with deep and great passion, and we have been-->
<!--                desiring to promote good products in such areas to the worldwide market.-->
<!--                To achieve that, our products embody our latest and most advanced desire,-->
<!--                technology, innovation, and sophisticated experience, which has won us tons of positive feedback.</p>-->
<!--            </div>-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->
<!--    </section>-->
    <!-- Home页第一部分文字结束 -->

    <!-- 第二部分图片加文字开始 -->
<!--    <section class="feature-area section-padding2" style="background:#6a8d1b;width: 100%">-->
<!--      <div class="container">-->
<!--        <div class="row">-->
<!--          <div class="col-lg-12">-->
<!--            <div style="width: 100%;height: 450px;margin-top: 30px;">-->
<!--              <img style="margin-top: 37px" src="static/assets/images/a20.png">-->
<!--              <div>-->
<!--              <p style="font-size: 20px; font-weight:bold;color: black;text-decoration: underline;margin-left: 646px;margin-top: -345px">Plant Oil Extraction</p>-->
<!--                <div style="margin-left: 632px;margin-top: -9px">-->
<!--                  <span style="color: #343536">Dug in the plant oil extraction industry for years, and now we<br/>-->
<!--                 have formed a complete extraction line with convenient<br/>-->
<!--                 turnkey solutions from lab scale to industrial scale. Besides that,<br/>-->
<!--                 we have developed an excellent team to provide cascade<br/>-->
<!--                 design covering production line, C1D1 lab as well as factory<br/>-->
<!--                 planning to build.</span>-->
<!--                </div>-->
<!--            </div>-->
<!--            </div>-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->
<!--    </section>-->
    <!-- 第三部分图片加文字结束 -->

<!--    <section class="feature-area section-padding2">-->
<!--      <div class="container">-->
<!--        <div class="row">-->
<!--          <div class="col-lg-12">-->
<!--            <div style="background-color: #f8f6f6;width: 100%;height: 500px;margin: auto">-->
<!--              <div>-->
<!--                  <span style="margin-top:30px;font-size: 20px; font-weight:bold;color: black;text-decoration: underline"> Plant Oil Extraction</span>-->
<!--                <div style="padding-left: 40px;padding-top: 148px">-->
<!--                  <span>Dug in the plant oil extraction industry for years, and now we<br/>-->
<!--                 have formed a complete extraction line with convenient<br/>-->
<!--                 turnkey solutions from lab scale to industrial scale. Besides that,<br/>-->
<!--                 we have developed an excellent team to provide cascade<br/>-->
<!--                 design covering production line, C1D1 lab as well as factory<br/>-->
<!--                 planning to build.</span>-->
<!--                </div>-->
<!--              </div>-->
<!--            </div>-->
<!--          </div>-->
<!--          <div style="margin-top: -431px;margin-left: 581px;z-index: 1">-->
<!--            <img src="static/assets/images/a2.png">-->
<!--          </div>-->

<!--        </div>-->
<!--      </div>-->
<!--    </section>-->

    <!-- Category Area Starts -->
    <section class="category-area section-padding" style="background:#6a8d1b;opacity: 0.7">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="section-top text-center">
              <h2>New & Featured Products</h2>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-3 col-md-6">
            <div class="single-category text-center mb-4">
              <img src="static/assets/images/a4.png" alt="category">
              <h5>Roatary Evaporator</h5>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="single-category text-center mb-4">
              <img src="static/assets/images/a5.png" alt="category">
              <h5>Short Path Distillation</h5>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="single-category text-center mb-4">
              <img src="static/assets/images/a6.png" alt="category">
              <h5>BHO Extractor</h5>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="single-category text-center mb-4">
              <img src="static/assets/images/a7.png" alt="category">
              <h5>Centrifuge Extractor</h5>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="single-category text-center mb-4">
              <img src="static/assets/images/a8.png" alt="category">
              <h5>Supercritical  CO2</h5>
              <h5>Extractor</h5>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="single-category text-center mb-4">
              <img src="static/assets/images/a9.png" alt="category">
              <h5>Wiped Film Evaporator</h5>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="single-category text-center mb-4">
              <img src="static/assets/images/a10.png" alt="category">
              <h5>Falling Film Evaporator</h5>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="single-category text-center mb-4">
              <img src="static/assets/images/a11.png" alt="category">
              <h5>Wiped Film Distillation</h5>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="single-category text-center mb-4">
              <img src="static/assets/images/a12.png" alt="category">
              <h5>Jacketed Reactor</h5>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="single-category text-center mb-4">
              <img src="static/assets/images/a13.png" alt="category">
              <h5>Heater/Chiller</h5>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="single-category text-center mb-4">
              <img src="static/assets/images/a14.png" alt="category">
              <h5>Mini Spray Dryer</h5>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="single-category text-center mb-4">
              <img src="static/assets/images/a15.png" alt="category">
              <h5>Flash Chromatography</h5>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- Category Area End -->

    <!-- Jobs Area Starts -->
<!--    <section class="jobs-area section-padding3">-->
<!--      <div class="container">-->
<!--        <div class="row">-->
<!--          <div class="col-lg-12">-->
<!--            <div class="jobs-title">-->
<!--              <h2>Browse recent jobs</h2>-->
<!--            </div>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="row">-->
<!--          <div class="col-lg-12">-->
<!--            <div class="jobs-tab tab-item">-->
<!--              <ul class="nav nav-tabs" id="myTab" role="tablist">-->
<!--                <li class="nav-item">-->
<!--                  <a class="nav-link active" id="home-tab" data-toggle="tab" href="#recent" role="tab"-->
<!--                     aria-controls="home" aria-selected="true">recent</a>-->
<!--                </li>-->
<!--                <li class="nav-item">-->
<!--                  <a class="nav-link" id="profile-tab" data-toggle="tab" href="#full-time" role="tab"-->
<!--                     aria-controls="profile" aria-selected="false">full time</a>-->
<!--                </li>-->
<!--                <li class="nav-item">-->
<!--                  <a class="nav-link" id="contact-tab" data-toggle="tab" href="#part-time" role="tab"-->
<!--                     aria-controls="part-time" aria-selected="false">part time</a>-->
<!--                </li>-->
<!--                <li class="nav-item">-->
<!--                  <a class="nav-link" id="contact-tab2" data-toggle="tab" href="#intern" role="tab"-->
<!--                     aria-controls="intern" aria-selected="false">intern</a>-->
<!--                </li>-->
<!--              </ul>-->
<!--            </div>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="row">-->
<!--          <div class="col-lg-12">-->
<!--            <div class="tab-content" id="myTabContent">-->
<!--              <div class="tab-pane fade show active" id="recent" role="tabpanel" aria-labelledby="home-tab">-->
<!--                <div class="single-job mb-4 d-lg-flex justify-content-between">-->
<!--                  <div class="job-text">-->
<!--                    <h4>Assistant Executive - Production/ Quality Control</h4>-->
<!--                    <ul class="mt-4">-->
<!--                      <li class="mb-3"><h5><i class="fa fa-map-marker"></i> new yourk, USA</h5></li>-->
<!--                      <li class="mb-3"><h5><i class="fa fa-pie-chart"></i>-->
<!--                        Applied Chemistry & Chemical Engineering / Chemistry</h5></li>-->
<!--                      <li><h5><i class="fa fa-clock-o"></i> Deadline Deadline: Dec 11, 2018</h5></li>-->
<!--                    </ul>-->
<!--                  </div>-->
<!--                  <div class="job-img align-self-center">-->
<!--                    <img src="static/assets/images/job1.png" alt="job">-->
<!--                  </div>-->
<!--                  <div class="job-btn align-self-center">-->
<!--                    <a href="#" class="third-btn job-btn1">full time</a>-->
<!--                    <a href="#" class="third-btn">apply</a>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--              <div class="tab-pane fade" id="full-time" role="tabpanel" aria-labelledby="profile-tab">-->
<!--                <div class="single-job mb-4 d-lg-flex justify-content-between">-->
<!--                  <div class="job-text">-->
<!--                    <h4>Asst. Manager, Production (Woven Dyeing)</h4>-->
<!--                    <ul class="mt-4">-->
<!--                      <li class="mb-3"><h5><i class="fa fa-map-marker"></i> new yourk, USA</h5></li>-->
<!--                      <li class="mb-3"><h5><i class="fa fa-pie-chart"></i>-->
<!--                        Applied Chemistry & Chemical Engineering / Chemistry</h5></li>-->
<!--                      <li><h5><i class="fa fa-clock-o"></i> Deadline Deadline: Dec 11, 2018</h5></li>-->
<!--                    </ul>-->
<!--                  </div>-->
<!--                  <div class="job-img align-self-center">-->
<!--                    <img src="static/assets/images/job2.png" alt="job">-->
<!--                  </div>-->
<!--                  <div class="job-btn align-self-center">-->
<!--                    <a href="#" class="third-btn job-btn2">full time</a>-->
<!--                    <a href="#" class="third-btn">apply</a>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--              <div class="tab-pane fade" id="part-time" role="tabpanel" aria-labelledby="contact-tab">-->
<!--                <div class="single-job mb-4 d-lg-flex justify-content-between">-->
<!--                  <div class="job-text">-->
<!--                    <h4>Deputy Manager/ Assistant Manager - Footwear</h4>-->
<!--                    <ul class="mt-4">-->
<!--                      <li class="mb-3"><h5><i class="fa fa-map-marker"></i> new yourk, USA</h5></li>-->
<!--                      <li class="mb-3"><h5><i class="fa fa-pie-chart"></i>-->
<!--                        Applied Chemistry & Chemical Engineering / Chemistry</h5></li>-->
<!--                      <li><h5><i class="fa fa-clock-o"></i> Deadline Deadline: Dec 11, 2018</h5></li>-->
<!--                    </ul>-->
<!--                  </div>-->
<!--                  <div class="job-img align-self-center">-->
<!--                    <img src="static/assets/images/job3.png" alt="job">-->
<!--                  </div>-->
<!--                  <div class="job-btn align-self-center">-->
<!--                    <a href="#" class="third-btn job-btn3">full time</a>-->
<!--                    <a href="#" class="third-btn">apply</a>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--              <div class="tab-pane fade" id="intern" role="tabpanel" aria-labelledby="contact-tab2s">-->
<!--                <div class="single-job mb-4 d-lg-flex justify-content-between">-->
<!--                  <div class="job-text">-->
<!--                    <h4>R&D Manager (Technical Lab Department)</h4>-->
<!--                    <ul class="mt-4">-->
<!--                      <li class="mb-3"><h5><i class="fa fa-map-marker"></i> new yourk, USA</h5></li>-->
<!--                      <li class="mb-3"><h5><i class="fa fa-pie-chart"></i>-->
<!--                        Applied Chemistry & Chemical Engineering / Chemistry</h5></li>-->
<!--                      <li><h5><i class="fa fa-clock-o"></i> Deadline Deadline: Dec 11, 2018</h5></li>-->
<!--                    </ul>-->
<!--                  </div>-->
<!--                  <div class="job-img align-self-center">-->
<!--                    <img src="static/assets/images/job4.png" alt="job">-->
<!--                  </div>-->
<!--                  <div class="job-btn align-self-center">-->
<!--                    <a href="#" class="third-btn job-btn4">full time</a>-->
<!--                    <a href="#" class="third-btn">apply</a>-->
<!--                  </div>-->
<!--                </div>-->
<!--              </div>-->
<!--            </div>-->
<!--            &lt;!&ndash; <div class="single-job d-lg-flex justify-content-between">-->
<!--                <div class="job-text">-->
<!--                    <h4>Manager/ Asst. Manager (Quality Assurance)</h4>-->
<!--                    <ul class="mt-4">-->
<!--                        <li class="mb-3"><h5><i class="fa fa-map-marker"></i> new yourk, USA</h5></li>-->
<!--                        <li class="mb-3"><h5><i class="fa fa-pie-chart"></i> Applied Chemistry & Chemical Engineering / Chemistry</h5></li>-->
<!--                        <li><h5><i class="fa fa-clock-o"></i> Deadline Deadline: Dec 11, 2018</h5></li>-->
<!--                    </ul>-->
<!--                </div>-->
<!--                <div class="job-img align-self-center">-->
<!--                    <img src="static/assets/images/job5.png" alt="job">-->
<!--                </div>-->
<!--                <div class="job-btn align-self-center">-->
<!--                    <a href="#" class="third-btn job-btn2">full time</a>-->
<!--                    <a href="#" class="third-btn">apply</a>-->
<!--                </div>-->
<!--            </div> &ndash;&gt;-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="more-job-btn mt-5 text-center">-->
<!--          <a href="#" class="template-btn">more job post</a>-->
<!--        </div>-->
<!--      </div>-->
<!--    </section>-->
    <!-- Jobs Area End -->

    <!-- Newsletter Area Starts -->
<!--    <section class="newsletter-area section-padding">-->
<!--      <div class="container">-->
<!--        <div class="row">-->
<!--          <div class="col-lg-12">-->
<!--            <div class="section-top text-center">-->
<!--              <h2>Get job information daily</h2>-->
<!--              <p>Subscribe to our newsletter and get a coupon code!</p>-->
<!--            </div>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="row">-->
<!--          <div class="col-lg-12">-->
<!--            <form action="#">-->
<!--              <input type="email" placeholder="Your email here" onfocus="this.placeholder = ''"-->
<!--                     onblur="this.placeholder = 'Your email here'" required>-->
<!--              <button type="submit" class="template-btn">subscribe now</button>-->
<!--            </form>-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->
<!--    </section>-->
    <!-- Newsletter Area End -->

    <!-- Employee Area Starts -->
<!--    <section class="employee-area section-padding">-->
<!--      <div class="container">-->
<!--        <div class="row">-->
<!--          <div class="col-lg-12">-->
<!--            <div class="section-top text-center">-->
<!--              <h2>Happy employee</h2>-->
<!--              <p>Open lesser winged midst wherein may morning</p>-->
<!--            </div>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="row">-->
<!--          <div class="col-lg-12">-->
<!--            <div class="employee-slider owl-carousel">-->
<!--              <div class="single-slide d-sm-flex">-->
<!--                <div class="slide-img employee1">-->
<!--                  <div class="hover-state">-->
<!--                    <div class="hover-text text-center">-->
<!--                      <h3>david aron</h3>-->
<!--                      <h5>Facebook</h5>-->
<!--                    </div>-->
<!--                  </div>-->
<!--                </div>-->
<!--                <div class="slide-text align-self-center">-->
<!--                  <i class="fa fa-quote-left"></i>-->
<!--                  <p>-->
<!--                    Appear, called day. Sixth two after eve moved called winged very heaven two lights let all third gathered.</p>-->
<!--                </div>-->
<!--              </div>-->
<!--              <div class="single-slide d-sm-flex">-->
<!--                <div class="slide-img employee2">-->
<!--                  <div class="hover-state">-->
<!--                    <div class="hover-text text-center">-->
<!--                      <h3>david aron</h3>-->
<!--                      <h5>Twitter</h5>-->
<!--                    </div>-->
<!--                  </div>-->
<!--                </div>-->
<!--                <div class="slide-text align-self-center">-->
<!--                  <i class="fa fa-quote-left"></i>-->
<!--                  <p>-->
<!--                    Appear, called day. Sixth two after eve moved called winged very heaven two lights let all third gathered.</p>-->
<!--                </div>-->
<!--              </div>-->
<!--            </div>-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->
<!--    </section>-->
    <!-- Employee Area End -->

    <!-- News Area Starts -->
    <section id="blog" class="news-area section-padding3">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="section-top text-center">
              <h2>Know Us with A Glimpse</h2>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-4 col-md-6">
            <div class="single-news mb-5 mb-lg-0">
              <div class="news-img news-img1"  style="margin-top: 160px"></div>
<!--              <div class="news-tag">-->
<!--                <ul class="my-4">-->
<!--                  <li><h5><i class="fa fa-calendar-o"></i> 20th sep, 2018</h5></li>-->
<!--                  <li class="separator mx-2"><span></span></li>-->
<!--                  <li><h5><i class="fa fa-folder-open-o"></i> company</h5></li>-->
<!--                </ul>-->
<!--              </div>-->
              <div class="news-title" style="margin-top: -464px;margin-left: 60px">
                <h4 style="margin-left: 60px">Service</h4>
                <span>Flexible customization options<br/>
                  &nbsp;&nbsp;are available by our excellent<br/>
                  engineering and sales as well as<br/>
                  production teams to make your<br/>
                  requirements into real business<br/>
                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;and profit.</span>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6">
            <div class="single-news mb-5 mb-lg-0">
              <div class="news-img news-img2" style="margin-top: 160px"></div>
              <div class="news-title" style="margin-top: -464px;margin-left: 60px">
                <h4 style="margin-left: 60px">Manufacturing</h4>
                <span>
                  The full production line covers<br/>
                  &nbsp;&nbsp;&nbsp;&nbsp;lab equipment, plant oil<br/>
                  extraction as well as bioreaction,<br/>
                  and hundreds of machines have<br/>
                  &nbsp;&nbsp;been shipped out every year.
                </span>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6">
            <div class="single-news">
              <div class="news-img news-img3" style="margin-top: 160px"></div>
              <div class="news-title" style="margin-top: -464px;margin-left: 60px">
                <h4 style="margin-left: 60px">R & D</h4>
                <span>
                  Over 50+ self-owned patents<br/>
                  &nbsp;&nbsp;with national certification<br/>
                  &nbsp;&nbsp;&nbsp;acquired by our brilliant<br/>
                  &nbsp;&nbsp;Research & Development<br/>
                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;department.
                </span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- News Area End -->

    <!-- Download Area Starts -->
    <section class="download-area section-padding">
<!--      <div class="container-fluid">-->
<!--        <div class="row">-->
<!--          <div class="col-lg-6">-->
<!--            <div class="download-text">-->
<!--              <h2>Download the app your mobile today</h2>-->
<!--              <p class="py-3">-->
<!--                Light earth also land can't. May you midst shall lights blessed in lights Have gathered image morning blessed grass him. Appear female rule all seas she'd winged</p>-->
<!--              <div class="download-button d-sm-flex flex-row justify-content-start">-->
<!--                <div class="download-btn mb-3 mb-sm-0 flex-row d-flex">-->
<!--                  <i class="fa fa-apple" aria-hidden="true"></i>-->
<!--                  <a href="#">-->
<!--                    <p>-->
<!--                      <span>Available</span> <br>-->
<!--                      on App Store-->
<!--                    </p>-->
<!--                  </a>-->
<!--                </div>-->
<!--                <div class="download-btn dark flex-row d-flex">-->
<!--                  <i class="fa fa-android" aria-hidden="true"></i>-->
<!--                  <a href="#">-->
<!--                    <p>-->
<!--                      <span>Available</span> <br>-->
<!--                      on Play Store-->
<!--                    </p>-->
<!--                  </a>-->
<!--                </div>-->
<!--              </div>-->
<!--            </div>-->
<!--          </div>-->
<!--          <div class="col-lg-6 pr-0">-->
<!--            <div class="download-img"></div>-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->
    </section>
    <!-- Download Area End -->
  </div>
</template>

<script>

</script>
